<template>
  <div class="leftside">
    <PersonCard></PersonCard>
    <!-- 热门文章 -->
    <HotArticle></HotArticle>
    <!-- 最新评论 -->
    <LastestComment></LastestComment>


 </div>
</template>

<script>
import PersonCard from './PersonCard.vue';
import HotArticle from './HotArticle.vue';
import LastestComment from "./LastestComment.vue"
export default {
    name:"Left",
    components:{
      PersonCard,HotArticle,LastestComment
    },
}
</script>

<style scoped>
*{
  box-sizing: border-box;
  text-decoration: none;
}

.leftside{
   margin-left: 80px;
   width: 300px;
   /* background-color:white; */
   /* border: 1px solid rgb(23, 155, 50); */
   margin-right: 10px;
   overflow: hidden;
   margin-top: 10px;
   border: 1px solid rgb(0, 0, 0,0.2);
   display: flex;
   flex-direction: column;
   height: 1120px;
   justify-content: space-between;
   margin-bottom: 20px;

   

}




</style>